<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
    <style>
        .layui-table-cell {
            text-align: center;
            height: auto;
        }

        .layui-table img {
            max-width: 300px
        }
    </style>
</head>
<body>
<table class="layui-hide" id="test" lay-filter="test"></table>
</body>
</html>
<script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
<script>
    layui.use(['table','layer','jquery'], function () {
        var table = layui.table
            , layer = layui.layer
            , $ = layui.jquery;

        table.render({
            elem: '#test'
            , url: '{:url("/admin/collage.collage/collageMemberList",["master_id"=>"$master_id"])}'
            , cols: [[
                {type: "checkbox", width: 50}
                , {field: 'id', title: 'ID', unresize: true, sort: true}
                , {
                    field: 'avatar_url', title: '图片', templet: function (d) {
                        return '<div><img src="' + d.avatar_url + '" width="60"></div>'
                    }
                }
                , {field: 'nickname', title: '团员名称'}
            ]]
            , page: true
        });
    });
</script>